<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/dataTable.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/hdfsOperation.js"></script>
	<script type="text/javascript">
		$(function(){
			 $("#main_nav > li").on("click", function(){
				$("#main_nav > li").removeClass("active");
				$(this).addClass("active");
			});
			
			$("#main_nav > li[name='hdfs']").on("click", function(){
				hdfsOperation.loadData("<%=basePath%>");
			});
			
			$("#main_nav > li").eq(0).click();
			
		});
	</script>
</head>
<body>
<div style="width:80%;padding-left:20%;">
	<div>
		<ul id="main_nav" class="nav nav-tabs">
			<li name="hdfs"><a href="#">HDFS</a></li>
			<li name="hbase"><a href="#">HBASE</a></li>
		</ul>
	</div>
	<div id="main_data"></div>
</div>
</body>
</html>
